body{
    padding: 10rem 0;
    background: #1d1d21;
}
.block-5 {
  overflow: hidden;
  margin-bottom: 108px;
  position: relative;
  height: 477px;
  .block-5-content {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  //.img {
  //  display: block;
  //  background-position-x: center;
  //  background-size: 100% auto;
  //  background-repeat: repeat-y;
  //  will-change: background-position-y;
  //}
  .img {
    background-image: var(--bg);
    display: block;
    width: 135px;
    height: 477px;
    animation: anim-4da5963f 25s linear infinite;
  }
  .img.reverse {
    animation: anim-reverse-4da5963f 25s linear infinite;
  }
  .img + .img {
    margin-left: 18px;
  }
}

@keyframes anim-4da5963f {
  to {
    background-position-y: 636px;
  }
}

@keyframes anim-reverse-4da5963f {
  to {
    background-position-y: -636px;
  }
}
